<main class="costom-recommend-wrap">
    <Swiper :slides="images"></Swiper>

    <section class="custom-service-box">
        <div class="custom-service-item">
            <i></i><span>网易自营品牌</span>
        </div>
        <div class="custom-service-item">
            <i></i><span>30天无忧退货</span>
        </div>
        <div class="custom-service-item">
            <i></i><span>48小时快速退款</span>
        </div>
    </section>

    <section class="custom-category-box">
        <div class="custom-category-item">
            <a href="/">
                <div class="image"><img src="https://yanxuan.nosdn.127.net/c6fd8835a6400b7da7a016ad85506b69.png"></div>
                <div class="txt">新品首发</div>
            </a>
        </div>
        <div class="custom-category-item">
            <a href="/">
                <div class="image"><img src="https://yanxuan.nosdn.127.net/fede8b110c502ec5799702d5ec824792.png"></div>
                <div class="txt">居家服饰</div>
            </a>
        </div>
        <div class="custom-category-item">
            <a href="/">
                <div class="image"><img src="https://yanxuan.nosdn.127.net/896a3beac514ae8f40aafe028e5fec56.png"></div>
                <div class="txt">服饰鞋包</div>
            </a>
        </div>
        <div class="custom-category-item">
            <a href="/">
                <div class="image"><img src="https://yanxuan.nosdn.127.net/37520d1204a0c55474021b43dac2a69e.png"></div>
                <div class="txt">美食酒水</div>
            </a>
        </div>
        <div class="custom-category-item">
            <a href="/">
                <div class="image"><img src="https://yanxuan.nosdn.127.net/6c3bd9d885c818b1f73e497335a68b47.png"></div>
                <div class="txt">个护清洁</div>
            </a>
        </div>
        <div class="custom-category-item">
            <a href="/">
                <div class="image"><img src="https://yanxuan.nosdn.127.net/559d2a240ec20b096590a902217009ff.png"></div>
                <div class="txt">母婴亲子</div>
            </a>
        </div>
        <div class="custom-category-item">
            <a href="/">
                <div class="image"><img src="https://yanxuan.nosdn.127.net/5c088559ebcc3f0ffcda663f04dfbeb2.png"></div>
                <div class="txt">运动旅行</div>
            </a>
        </div>
        <div class="custom-category-item">
            <a href="/">
                <div class="image"><img src="https://yanxuan.nosdn.127.net/fbca8e1f2948f0c09fc7672c2c125384.png"></div>
                <div class="txt">数码家电</div>
            </a>
        </div>
        <div class="custom-category-item">
            <a href="/">
                <div class="image"><img src="https://yanxuan.nosdn.127.net/f7281169d4e82d5d8d52aa1fec83fe01.png"></div>
                <div class="txt">全球特色</div>
            </a>
        </div>
        <div class="custom-category-item">
            <a href="/">
                <div class="image"><img src="https://yanxuan.nosdn.127.net/static-union/16309892614fb44c.gif"></div>
                <div class="txt">每日秒杀</div>
            </a>
        </div>
    </section>

    <section class="custom-action-box">
        <div class="custom-action-item">
            <a href="/">
                <div class="txt-box txt-box-left">
                    <div class="txt-item-box">
                        <div class="txt-item-top">
                            每日抄底
                        </div>
                        <div class="txt-item-bottom">
                            全站底价 放心买
                        </div>
                    </div> 
                </div>
            </a>
        </div>
        <div class="custom-action-item">
            <a href="/">
                <div class="txt-box txt-box-right">
                    <div class="txt-item-box">
                        <div class="txt-item-top">
                            新品首发
                        </div>
                        <div class="txt-item-bottom">
                            999+款上新
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </section>

    <section class="custom-newcomers-box">
        <div class="custom-newcomers-title">
            <span class="txt">新人专享礼</span>
        </div>
        <div class="custom-newcomers-content">
            <div class="custom-newcomers-item custom-newcomers-item-left">
                <a href="/">
                    <div class="title">新人专享礼包</div>
                    <div class="image">
                        <img src="https://yanxuan.nosdn.127.net/352b0ea9b2d058094956efde167ef852.png">
                    </div>
                </a>
            </div> 
            <div class="custom-newcomers-item custom-newcomers-item-right">
                <div class="right-item item-01">
                    <div class="txt-box">
                        <div class="txt-item-top">
                            福利社
                        </div>
                        <div class="txt-item-bottom">
                            今日特价
                        </div>
                    </div>
                    <div class="image-box">
                         <div class="image">
                             <img src="https://yanxuan-item.nosdn.127.net/516c1d886cd6a62ba1ee6c3db35946e9.png?quality=75&type=webp&imageView&thumbnail=200x200">
                         </div>
                         <div class="discount-box">
                            <div class="discount-item">
                                ¥16.9
                            </div>
                            <div class="discount-item">
                                ¥19.9
                            </div>
                         </div>   
                    </div>
                </div>
                <div class="right-item item-02">
                    <div class="txt-box">
                        <div class="txt-item-top">
                            新人拼团
                        </div>
                        <div class="txt-item-bottom">
                            1元起包邮
                        </div>
                    </div>
                    <div class="image-box">
                         <div class="image">
                             <img src="https://yanxuan-item.nosdn.127.net/55a198098616fd33be356f30c24f3f5d.png?quality=75&type=webp&imageView&thumbnail=200x200">
                         </div>
                         <div class="discount-box">
                            <div class="discount-item">
                                ¥78
                            </div>
                            <div class="discount-item">
                                ¥88
                            </div>
                         </div>   
                    </div>
                </div>
            </div>    
        </div>        
    </section>

    <section class="custom-hotsale-box">
        <div class="custom-hotsale-title">
            <span class="txt">类目热销榜</span>
        </div>
        <div class="custom-hotsale-content">
            <div class="custom-hotsale-item custom-hotsale-item-top">
                <div class="top-item top-item-01">
                    <a href="/">
                        <div class="txt-box">
                            <div class="txt-item-top">
                                服饰鞋包榜
                            </div>
                        </div>
                        <div class="image">
                            <img src="https://yanxuan-item.nosdn.127.net/55c3486e711aa0e90ed2aee969747b2d.png?quality=75&type=webp&imageView&thumbnail=200x200">
                        </div>
                    </a>
                </div>
                <div class="top-item top-item-02">
                    <a href="/">
                        <div class="txt-box">
                            <div class="txt-item-top">
                                居家生活榜
                            </div>
                        </div>
                        <div class="image">
                            <img src="https://yanxuan-item.nosdn.127.net/072ccbe009d9052615bcdedda121f08c.png?quality=75&type=webp&imageView&thumbnail=200x200">
                        </div>
                    </a>
                </div>
            </div> 
            <div class="custom-hotsale-item custom-hotsale-item-bottom">
                <div class="bottom-item bottom-item-01">
                    <a href="/">
                        <div class="txt-box">
                            美食酒水榜
                        </div>
                        <div class="image">
                            <img src="https://yanxuan-item.nosdn.127.net/b8f26b9332ca693233accd6e0f6a7082.png?quality=75&type=webp&imageView&thumbnail=200x200">
                        </div>
                    </a>
                </div>
                <div class="bottom-item bottom-item-02">
                    <a href="/">
                        <div class="txt-box">
                            个护清洁榜
                        </div>
                        <div class="image">
                            <img src="https://yanxuan-item.nosdn.127.net/e4883dfd0b96e1b77a037e02ce52e824.png?quality=75&type=webp&imageView&thumbnail=200x200">
                        </div>
                    </a>
                </div>
                <div class="bottom-item bottom-item-03">
                    <a href="/">
                        <div class="txt-box">
                            数码家电榜
                        </div>
                        <div class="image">
                            <img src="https://yanxuan-item.nosdn.127.net/b43d1419a2dadbd48290c2989b6b6e62.png?quality=75&type=webp&imageView&thumbnail=200x200">
                        </div>
                    </a>
                </div>
                <div class="bottom-item bottom-item-04">
                    <a href="/">
                        <div class="txt-box">
                            美食酒水榜
                        </div>
                        <div class="image">
                            <img src="https://yanxuan-item.nosdn.127.net/a80d0e11e4a671266421ae0cc9f27a73.png?quality=75&type=webp&imageView&thumbnail=200x200">
                        </div>
                    </a>
                </div>
                <div class="bottom-item bottom-item-05">
                    <a href="/">
                        <div class="txt-box">
                            母婴亲子榜
                        </div>
                        <div class="image">
                            <img src="https://yanxuan-item.nosdn.127.net/1b8e4a484e128c28a050cd2bc0c64396.png?quality=75&type=webp&imageView&thumbnail=200x200">
                        </div>
                    </a>
                </div>
                <div class="bottom-item bottom-item-06">
                    <a href="/">
                        <div class="txt-box">
                            运动旅行榜
                        </div>
                        <div class="image">
                            <img src="https://yanxuan-item.nosdn.127.net/acd869eefe2ccb0ea389c0f7755e7b90.png?quality=75&type=webp&imageView&thumbnail=200x200">
                        </div>
                    </a>
                </div>
            </div>    
        </div>        
    </section>

    <section class="custom-guide-box">
        <div class="custom-guide-content">
            <div class="custom-guide-item custom-guide-item-left">
                <div class="title">
                    超值捡漏
                </div>
                <div class="desc">
                    买到就赚到
                </div>
                <div class="image-box">
                    <img src="https://yanxuan-item.nosdn.127.net/3da0a312196195f88f82402ad18886f4.png?quality=75&type=webp&imageView&thumbnail=150x150">
                    <img src="https://yanxuan-item.nosdn.127.net/ae5ab2d33bb34eca6edaf107d4eac5e6.png?quality=75&type=webp&imageView&thumbnail=150x150">
                </div>
            </div>
            <div class="custom-guide-item custom-guide-item-right">                
                <div class="title">
                    实验室
                </div>
                <div class="desc">
                    尝新闭眼买
                </div>
            </div>
        </div>
    </section>

    <footer class="custom-footer-box">
        <div class="custom-footer-content">
            <a href="https://m.you.163.com/downloadapp?_stat_from=web_search_baidu&appAwakeUrl=http%3a%2f%2fm.you.163.com">下载APP</a>
            <a href="https://you.163.com/?_m_forcepc_=true&_m_anonid_=f81de290-3efa-4ed6-b54b-ed164204802b">电脑版</a>
        </div>
        <div class="custom-copyright-content">
            <div>网易公司版权所有 © 1997-2021</div>
            <div>食品经营许可证：JY13301080111719</div>
        </div>
    </footer>

</main>